@charset "utf-8";
/* CSS Document */
/*-------------首页-------------*/
/*顶部导航*/
header{height: 70px; background: #fff; border-bottom: 1px solid #f1f1f1;}
header .logo{ width: 195px; height: 44px; display: block; float: left;margin: 13px 90px 0 0;}
header .logo a{ width: 195px; height: 44px; background: url("/images/woman_custom.png") 0 0; display: block; }
header ul{ width:490px;height: 70px; overflow: hidden; display:block; float: left; line-height: 70px;}
header ul li{display: block; float: left; color: #FC1853; padding-right: 15px; white-space: nowrap;}
header .header_search { width: 300px; display: block;float: right; margin-top: 15px;}
header .header_search .topLayerTxt {margin: 0 !important; float: left}
header .header_search .fLayerdl { font-size: 14px !important;  top: 40px !important; z-index: 100}
header .data_search, .header .search-btn { display: inline-block;  vertical-align: top}
header .data_search {   width: 250px; *width: 210px;   height: 40px; *height:38px; line-height: 40px;   border: 1px solid #ddd;   border-right: 0;   padding: 0 17px;   border-radius: 20px 0 0 20px; box-sizing: border-box;  outline: none;  box-shadow: none;}
header .data_search:focus {  border: 1px solid #fdb800; border-right: 0}
header .search_btn {  width: 46px;  height: 40px;   border-radius: 0 20px 20px 0;  border: 1px solid #fdb800;  cursor: pointer; _background: #fdb800;   background: #fdb800 url(/images/woman_custom.png) -102px -42px;  position: relative;  outline: 0}
header .search_btn:hover {  background: #e62700 url(/images/woman_custom.png) -102px -42px;    border: 1px solid #e62700}
nav {padding: 25px 0; height: 62px; overflow: hidden;}
nav ul{width: 25%; *width: 24%; height: 60px; overflow: hidden;  display: block; float: left;}
nav ul strong{ width:auto; max-width: 46px; height: 40px;  padding: 7px 4px 4px 4px; margin:5px 12px 0 0; font-size: 16px;writing-mode: vertical-lr; letter-spacing:0.2em; line-height:20px; color: #fff; background: #FC1853; display: block; float: left; overflow: hidden; text-align: center; font-weight: normal;  }
nav ul strong:hover{background: #333; color: #fff;}
nav ul li{display: block; float: left; white-space:nowrap;padding-right: 15px; line-height: 30px;}
nav ul li a:hover{ color: #FC1853;}
nav .ul2 li a:hover{ color: #00beb2;}
nav .ul3 li a:hover{ color: #6ac3e3;}
nav .ul4 li a:hover{ color: #fdb800;}
nav ul .strong2{background: #00beb2;}
nav ul .strong3{background: #6ac3e3;}
nav ul .strong4{background: #fdb800;}

@media(max-width: 1199px) {
    header ul{ width:400px;}
    header .header-search { width: 250px;}
    header .data-search { width: 200px;}
}


/*焦点图特效*/
.box1{height: 410px;}
#focus{position: relative;height:410px;width:640px; display: block; float: left; overflow:hidden;}
#focus .bd{position: relative}
#focus .btn-prev, #focus .btn-next{display: none;position: absolute;width: 50px;height: 120px;z-index: 2;top:50%; margin-top: -60px;}
#focus .btn-prev{left: 0;background: url(/images/woman_custom.png) no-repeat 0 -50px; }
#focus .btn-next{right: 0;background: url(/images/woman_custom.png) no-repeat -50px -50px;}
#focus .focus-bar-box{width:640px;height: 410px;position: relative;overflow: hidden}
#focus .focus-bar{width:3200px}
#focus .focus-bar li{float: left;width:1190px;height: 410px}
#focus .focus-bar li a{width:640px;height:410px;display: block}
#focus .focus-bar li img{width: 640px; height:410px;}
#focus .ft{width: 640px; }
#focus .change{width: 110px; position: absolute;left:50%; margin-left: -55px; bottom: 20px;height: 12px; z-index:998; overflow:hidden;}
#focus .change a{float: left;  width: 12px;height:12px; margin:0 5px; background:#eee; border-radius: 6px;}
#focus .change a.on{background:#e62700;width: 12px;height:12px;}
#focus .hd{position: absolute;  left:0; bottom:10px; z-index:2; text-shadow: 1px 1px 0 #000; font-size:24px;width:560px;color:#fff; overflow:hidden; text-align: center; padding: 20px 40px 40px 40px; }
#focus .hd a{color: #fff;}

@media(max-width: 1199px) {
    .box1{height: 340px;}
    #focus{height:340px;width:530px;}
    #focus .focus-bar-box{width:530px;height: 340px;}
    #focus .focus-bar{width:2650px}
    #focus .focus-bar li a{width:530px;height:340px;}
    #focus .focus-bar li img{width: 530px; height:340px;}
    #focus .ft{width: 450px; }
    #focus .hd{width:450px;}
}


/*热门精选-选项卡*/
.tabs-box{width: 510px; height: 410px; display: block; float:left; padding-left: 30px;}
.nav-tabs{display: block; width: 510px; height: 55px; float: left;background: #222; border: none;}
.nav-tabs > li {    float: left;    margin-bottom: -1px}
.nav-tabs>li>a { font-size: 18px;    margin-right:0;    line-height: 55px;    border:none;    border-radius:0;}
.nav>li>a { position: relative;    display: block;    padding: 0 30px;color: #fff;}
.nav-tabs>li>a:hover {    border:none; line-height: 55px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;    cursor: default;    background-color: #FC1853;    border:none;  height: 55px;}
.tab-content{ padding: 55px 10px 10px 10px; *padding: 0 10px 10px 10px; background:url("/images/woman_bg_img2.png"); height: 345px;}
.tab-content > .tab-pane {  display: none;    visibility: hidden; background: #fff;}
.tab-content > .active {  display: block;   visibility: visible}
.nav-tabs .dropdown-menu {    margin-top: -1px;    border-top-left-radius: 0;    border-top-right-radius: 0}

/*精彩热门*/
.tab-content h2{font-size:22px;height: 80px; overflow: hidden; text-align: left; }
.tabs-con1,.tabs-con2,.tabs-con3{background: #fff; margin:0 8px; height: 345px; padding: 0 10px; overflow: hidden;}
.tabs-con1 .top,.tabs-con3 .top{ display: block;padding: 25px 0; border-bottom: 1px solid #F1F1F1;}
.tabs-con1 .top a,.tabs-con3 .top a{height: 90px; display: block; overflow: hidden;}
.tabs-con1 .top span,.tabs-con3 .top span{ width: 130px; height: 90px; margin-right: 20px; display:block; float: left; overflow: hidden;}
.tabs-con1 .top span img,.tabs-con3 .top span img{width: 130px; height:auto; min-height: 90px; }
.tabs-con1 .top h2,.tabs-con3 .top h2{line-height: 30px; height: auto; padding-bottom: 8px;}
.tabs-con1 .top p,.tabs-con3 .top p{color: #999;}
.tabs-con1 ul{padding: 25px 0 0 0; width: 490px; display: block;}
.tabs-con1 ul li{ width: 220px; height: 152px; display: block; overflow: hidden; position: relative; float: left; margin-right: 15px;}
.tabs-con1 ul li img{ width: 220px; height:auto; min-height: 152px;}

.tabs-con1 ul li em,.main-box1 .center .top p em,.main-box1 .center .btm .img span em,.main-box2 .center .top .img span em,.main-box3 .box .img span em,.main-box4 .top .img em{height: auto; width: 100%; text-align: center; padding: 10px 0; display: block; position: absolute; bottom: 0;left: 0; color: #fff;
    background: -ms-linear-gradient(top, rgba(0,0,0,0),rgba(0,0,0,1));    /* IE 10 */
    background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));/*火狐*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));/*谷歌*/
    background: -webkit-linear-gradient(top, rgba(0,0,0,0),rgba(0,0,0,1));   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top,rgba(0,0,0,0), rgba(0,0,0,1));  /*Opera 11.10+*/
}
/*养生经验*/
.tabs-con2 h2{ height: 70px; display: block; overflow: hidden;line-height: 70px;}
.tabs-con2 em a{color: #e62700; display: block; float: right;}
.tabs-con2 em a:hover{color: #e62700; text-decoration: underline;}
.tabs-con2 p{ display: block;position: relative; padding-left: 45px; color: #999; height: 50px; overflow: hidden; margin-bottom: 10px;}
.tabs-con2 p span,.main-box1 .left .box p span{width: 22px; height: 14px; display: block; position: absolute; left: 10px;top: 0; background: url("/images/woman_custom.png") -150px -80px;}
.tabs-con2 ul{ width: 480px; height: 150px; overflow: hidden; margin-top: 25px;}
.tabs-con2 ul li{ width: 145px; display: block; float: left; margin-right: 10px; text-align: center;}
.tabs-con2 ul li span{ width: 145px; height: 100px; display: block; overflow: hidden; margin-bottom: 10px;}
.tabs-con2 ul li span img{ width: 145px; height: auto; min-height: 100px;}

/*最新文章*/
.tabs-con3 ul{ height: 140px; display: block; overflow: hidden; margin-top: 20px; }
.tabs-con3 ul li{ width:50%; height: 36px; line-height: 36px;display: block; float: left; background: url("/images/woman_custom.png") no-repeat -200px -4px;}
.tabs-con3 ul li a{ padding: 0 20px 0 15px;overflow:hidden;display: block;height: 36px;}
@media(max-width: 1199px) {
    .tabs-box{width: 430px; height: 285px; }
    .nav-tabs{display: block; width: 430px;height: 45px}
    .nav>li>a { padding: 0 20px;}
    .tab-content{height: 285px;}
    .tabs-con1,.tabs-con2,.tabs-con3{height: 285px;}
    .nav-tabs>li>a {  line-height: 45px; }
    .nav-tabs>li>a:hover {  line-height: 45px;}
    .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { height: 45px;}
    .tab-content{ padding: 45px 10px 10px 10px;}
    /*精彩热门*/
    .tabs-con1 .top,.tabs-con3 .top{ padding: 18px 0;}
    .tabs-con1 ul{padding: 15px 0 0 0; width: 400px;}
    .tabs-con1 ul li{ width: 180px; height: 125px;margin-right: 12px;}
    .tabs-con1 ul li img{ width: 180px; height:auto; min-height: 125px;}
    /*养生经验*/
    .tabs-con2 h2{ height: 50px;line-height: 50px; font-size: 18px;}
    .tabs-con2 p{ height: 50px; margin-bottom: 0; }
    .tabs-con2 ul{ width: 410px; height: 130px;margin-top: 15px;}
    .tabs-con2 ul li{ width: 120px; margin-right: 8px;}
    .tabs-con2 ul li span{ width: 120px; height: 82px;}
    .tabs-con2 ul li span img{ width: 120px; height: auto; min-height: 82px;}

    /*最新文章*/
    .tabs-con3 ul{margin-top: 15px; }
    .tabs-con3 ul li{line-height: 32px;height: 32px; background: url("/images/woman_custom.png") no-repeat -200px -6px;}
}

h2{font-size:22px; line-height: 80px; height: 80px; overflow: hidden; text-align: left; }
/*女性板块*/
.title{height: 80px; padding: 50px 0 20px 0; }
.title h2{ border-bottom: 1px solid #222; position: relative; height: 25px; *height: 35px; overflow: inherit; font-size: 32px;}
.title h2 span{ width: 180px; height: 38px; line-height: 38px; text-align: center; overflow: hidden; display: block;position: absolute; left: 50%; margin-left: -90px;background: #fff;}
.title h2 span em{color: #FC1853;}
.title p{ text-align: center; font-size: 16px; padding-top: 25px; *padding-top: 15px;}
.title p em{color: #ddd;}
.title p a{ padding: 0 15px; color: #666;}
.listBox{  background: url("/images/woman_bg_img1.png"); padding: 10px;}
.listBox_main{background: #F9F9F9;}

.listBox .left{display: block; float: left; width: 920px; background: #fff;}

.listBox .left .top{padding: 30px 0; border-bottom: 1px solid #F2F2F2;}
.listBox .left .top_left{width: 370px; padding-left: 20px; display: block; float: left;}
.listBox .left .top_left2{ padding-left: 0;}
.listBox .left .top_left ul{padding-left: 5px; width: 400px;}
.listBox .left .top_left ul li{width: 172px; height: 170px; display: block; float: left; overflow: hidden; margin-right: 20px; font-size: 16px; text-align: center; line-height: 22px;}
.listBox .left .top_left ul li span{width: 172px; height: 120px; display: block; overflow: hidden; margin-bottom: 6px;}
.listBox .left .top_left ul li span img{width:100%; height:auto; min-height: 120px;}

.listBox .left .top_right,.listBox .left .btm_right{ padding-left: 25px; width: 505px; display: block; float: left; overflow: hidden;}
.listBox .left .top_right section{height: 90px; overflow: hidden;}
.listBox .left .top_right section span{width: 130px; height: 90px; margin-right: 15px; display: block; float: left; overflow: hidden; }
.listBox .left .top_right section span img{width: 130px; height: auto; min-height: 90px;}
.listBox .left .btm_right h2,.listBox .left .top_right section h2{height: 30px;line-height: 30px; overflow: hidden; text-align: center; padding-right: 20px;}
.listBox .left .btm_right p,.listBox .left .top_right section p{ height: 50px; color: #999; overflow: hidden; padding-right: 20px;margin: 10px 0 15px 0;}

.listBox .left .top_right section h2{text-align: left;}

.listBox .left .btm_right ul,.listBox .left .top_right ul{ display: block; overflow: hidden; margin-top: 20px; }
.listBox .left .btm_right ul li,.listBox .left .top_right ul li{ width:50%; *width:49%; height: 30px; line-height: 30px;display: block; float: left; background: url("../images/woman_custom.png") no-repeat -200px -8px;}
.listBox .left .btm_right ul li a,.listBox .left .top_right ul li a{ padding: 0 20px 0 15px;overflow:hidden;display: block;height: 30px;}
.listBox .left .top_right,.listBox .left .btm_right{  width: 500px;}

.listBox .left .btm{padding: 30px 0;}
.listBox .left .btm_right h2{height: 30px;line-height: 30px; overflow: hidden; text-align: center; padding-right: 20px;}
.listBox .left .btm_right p{ height: 50px; color: #999; overflow: hidden; padding-right: 20px;margin: 10px 0 15px 0;}

.listBox .left .btm_right ul{ display: block; overflow: hidden; margin-top: 20px; }
.listBox .left .btm_right ul li{ width:50%; *width:49%; height: 30px; line-height: 30px;display: block; float: left; background: url("/images/woman_custom.png") no-repeat -200px -8px;}
.listBox .left .btm_right ul li a{ padding: 0 20px 0 15px;overflow:hidden;display: block;height: 30px;}

/*大家都在搜*/
.listBox .right{display: block; width: 225px; float: left; padding:40px 15px 0 30px;}
.listBox .right h3{display: block; position: relative;font-size: 18px; color: #FC1853; border-top: 1px solid #B0B0B0;  height: 40px; margin-right: 15px;}
.listBox .right h3 strong{ display: block;position: absolute; width: 120px; height: 15px; background: #F9F9F9; line-height: 15px; text-align:center; left: 50%; margin: -60px; top: 50px; border-right: 1px solid #BDBDBD;border-left: 1px solid #BDBDBD;}
.listBox .right a{ display: block; float: left; background:#ECECEC ; padding:0 15px; line-height: 30px; margin: 0 5px 8px 0; height: 30px; white-space: nowrap; }
.listBox .right a:hover{background: #FC1853; color: #fff;}


@media(max-width: 1199px) {
    .listBox .left{ width: 780px;}
    .listBox .left .top_left{width: 335px; }
    .listBox .left .top_left2{ padding-left: 0;}
    .listBox .left .top_left ul{ width: 340px;}
    .listBox .left .top_left ul li{width: 160px; height: 170px;margin-right: 10px; }
    .listBox .left .top_left ul li span{width: 160px; height: 110px; }
    .listBox .left .top_left ul li span img{width:100%;  min-height: 110px;}


    .listBox .right{ width: 180px; padding:40px 10px 0 20px;}
    .listBox .right h3{margin-right: 10px;}
    .listBox .right a{ margin: 0 4px 8px 0;}

}